<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<select name="hobby" multiple="multiple" >
    <option>1</option>
    <option>4</option>
    <option>3</option>
    <option>2</option>
</select>

<div id="app" >
    <input v-model.:value.lazy="message">          <!-- .lazy 修饰符  懒加载  input 输入框失去焦点 再反向改变message的值  -->
    {{ message }}
</div>
<!-- vue js库-->
<script src="../vue.js"></script>

<script>

    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })
</script>
</body>
</html>